import React from "react";

// 自定义hooks
// 可以将相同功能的代码进行聚合，方法维护
// 这个功能就可以给其他的组件进行复用了
import useCounter from "./utils/useCounter";
import useTimer from "./utils/useTimer";

const App = () => {
  const [count, add, minus] = useCounter();
  const timeStr = useTimer();

  return (
    <>
      <h2>useDebugValue</h2>
      <button onClick={minus}>-</button>
      <span>{count}</span>
      <button onClick={add}>+</button>

      <p>当前时间：{timeStr}</p>
    </>
  );
};

export default App;
